<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>电商网站</title>
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/mF_qiyi.css"/>
		<script src="js/myfocus-2.0.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mF_qiyi.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="headerBar">
			<div class="header-top">
				<div class="container">
					<div class="header-top-left">
						<a href="#">收藏慕课网</a>
					</div>
					<div class="header-top-right">
						欢迎来到慕课网！
						<a href="#">[登录]</a>
						<a href="#">[免费注册]</a>
					</div>
				</div>
			</div>
			<div class="header-midle">
				<div class="container">
					<div class="logo">
						<a href="#"><img src="img/logo.jpg" alt="慕课网" /></a>
					</div>
					<div class="search-box">
						<input type="text" class="search-text"/>
						<input type="button" value="搜索" class="search-submit"/>
					</div>
					<div class="shopCar">
						<span class="shopText">购物车</span>
						<span class="shopNum">0</span>
					</div>
				</div>
			</div>
			<div class="header-nav">
				<div class="container">
					<div class="shopClass">
						<h3>全部商品分类<i></i></h3>
						<div class="shop-list">
							<dl class="shop-list-item">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
							<dl class="shop-list-item ">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
							<dl class="shop-list-item">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
							<dl class="shop-list-item">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
							<dl class="shop-list-item">
								<dt>
									<a href="#">手机</a>
									<a href="#">数码</a>
									<a href="#" class="aLink">合约机</a>
								</dt>
								<dd>
									<a href="#">小米  </a><a href="#">单反</a><a href="#">智能设备</a></dd>
							</dl>
						</div>
						<div class="shop-info hide">
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<dl class="shop-info-item">
								<dt>电脑装机</dt>
								<dd>
									<a href="#">笔记本</a><a href="#">笔记本电脑</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本电脑</a>
								</dd>
							</dl>
							<div class="shop-list-link">
								<a href="#">电脑整机频道<span></span></a>
								<a href="#">电脑整机频道<span></span></a>
							</div>
						</div>
					</div>
					<ul class="nav">
						<li><a href="#" class="active">数码城</a></li>
						<li><a href="#">天黑黑</a></li>
						<li><a href="#">团购</a></li>
						<li><a href="#">发现</a></li>
						<li><a href="#">二手特卖</a></li>
						<li><a href="#">名品会</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="banner container clearfloat"><!--焦点图盒子-->
		    <div class="pic banner-big"><!--内容列表(li数目可随意增减)-->
		  		<ul class="imgBox banner-img">
		       		<li><a href="#"><img src="img/banner-1.jpg"  /></a></li>
		        	<li><a href="#"><img src="img/banner-2.jpg"  /></a></li>
		  		</ul>
		  		<div class="pic-num">
		  			<a href="#" class="active"></a>
		  			<a href="#"></a>
		  		</div>
		  	</div>
		</div>
		
		<div class="shopTip container ">
			<span class="icon"></span>
			<h3>家用电脑</h3>
			<a href="#">more&gt;&gt;</a>
		</div>
		<div class="shopList container clearfloat">
			<div class="shopList-left">
				<div class="pic shop-big"><!--内容列表(li数目可随意增减)-->
			  		<ul class="imgBox shop-img">
			       		<li><a href="#"><img src="img/shop1.jpg"  /></a></li>
			  		</ul>
		  		<div class="pic-num">
		  			<a href="#" class="active"></a>
		  			<a href="#"></a>
		  		</div>
		  	</div>
			</div>
			<div class="shopList-right">
				<div class="shop-top cleargfloat">
					<div class="shop-top-item">
						<a href="#"><img src="img/shop-img.jpg" alt="" /></a>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>
					</div>
					<div class="shop-top-item">
						<a href="#"><img src="img/shop-img.jpg" alt="" /></a>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>
					</div>
					<div class="shop-top-item">
						<a href="#"><img src="img/shop-img.jpg" alt="" /></a>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>
					</div>
					<div class="shop-top-item bnone">
						<a href="#"><img src="img/shop-img.jpg" alt="" /></a>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>
					</div>
				</div>
				<div class="shop-bottom">
					<div class="shop-bottom-item">
						<a href="#"><img src="img/b1.jpg"/></a>
						<div class="item-text">
							<h3>FC技术一碰轻松配对！接触屏幕</h3>
							<p>￥149.00</p>
						</div>
					</div>
					<div class="shop-bottom-item">
						<a href="#"><img src="img/b2.jpg"/></a>
						<div class="item-text">
							<h3>FC技术一碰轻松配对！接触屏幕</h3>
							<p>￥149.00</p>
						</div>
					</div>
					<div class="shop-bottom-item">
						<a href="#"><img src="img/b4.jpg"/></a>
						<div class="item-text">
							<h3>FC技术一碰轻松配对！接触屏幕</h3>
							<p>￥149.00</p>
						</div>
					</div>
					<div class="shop-bottom-item">
						<a href="#"><img src="img/b4.jpg"/></a>
						<div class="item-text">
							<h3>FC技术一碰轻松配对！接触屏幕</h3>
							<p>￥149.00</p>
						</div>
					</div>
				</div>
			</div>
		</div>
			  		
		<div class="shopTip container ">
			<span class="icon"></span>
			<h3>家用电脑</h3>
			<a href="#">more&gt;&gt;</a>
		</div>
		<div class="shopList container clearfloat">
			<div class="shopList-left">
				<div class="pic shop-big"><!--内容列表(li数目可随意增减)-->
			  		<ul class="imgBox shop-img">
			       		<li><a href="#"><img src="img/shop1.jpg"  /></a></li>
			  		</ul>
		  		<div class="pic-num">
		  			<a href="#" class="active"></a>
		  			<a href="#"></a>
		  		</div>
		  	</div>
			</div>
			<div class="shopList-right">
				<div class="shop-top cleargfloat">
					<div class="shop-top-item">
						<a href="#"><img src="img/shop-img.jpg" alt="" /></a>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>
					</div>
					<div class="shop-top-item">
						<a href="#"><img src="img/shop-img.jpg" alt="" /></a>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>
					</div>
					<div class="shop-top-item">
						<a href="#"><img src="img/shop-img.jpg" alt="" /></a>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>
					</div>
					<div class="shop-top-item bnone">
						<a href="#"><img src="img/shop-img.jpg" alt="" /></a>
						<h3>HTC新渴望8系列</h3>
						<p>1899元</p>
					</div>
				</div>
				<div class="shop-bottom">
					<div class="shop-bottom-item">
						<a href="#"><img src="img/b1.jpg"/></a>
						<div class="item-text">
							<h3>FC技术一碰轻松配对！接触屏幕</h3>
							<p>￥149.00</p>
						</div>
					</div>
					<div class="shop-bottom-item">
						<a href="#"><img src="img/b2.jpg"/></a>
						<div class="item-text">
							<h3>FC技术一碰轻松配对！接触屏幕</h3>
							<p>￥149.00</p>
						</div>
					</div>
					<div class="shop-bottom-item">
						<a href="#"><img src="img/b4.jpg"/></a>
						<div class="item-text">
							<h3>FC技术一碰轻松配对！接触屏幕</h3>
							<p>￥149.00</p>
						</div>
					</div>
					<div class="shop-bottom-item">
						<a href="#"><img src="img/b4.jpg"/></a>
						<div class="item-text">
							<h3>FC技术一碰轻松配对！接触屏幕</h3>
							<p>￥149.00</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="hr_25"></div>
		
		<div class="footer ">
			<p>
				<a href="">慕课简介</a><i>|</i>
				<a href="">慕课公告</a><i>|</i>
				<a href="">招纳贤士</a><i>|</i>
				<a href="">联系我们</a><i>|</i>
				客服热线：400-675-1234
			</p>
			<p>
				Copyright © 2006 - 2014 慕课版权所有&nbsp;&nbsp;京ICP备09037834号&nbsp;&nbsp;京ICP证B1034-8373号&nbsp;&nbsp;某市公安局XX分局备案编号：123456789123
			</p>
			<p class="flogo">
				<a href="#"><img src="img/footer_logo.jpg" alt="" /></a>
				<a href="#"><img src="img/footer_logo.jpg" alt="" /></a>
				<a href="#"><img src="img/footer_logo.jpg" alt="" /></a>
			</p>
		</div>
	</body>
</html>
